
 
 @import './base.scss';
 //  $primary: #1baeae; // 主题色
  $primary: #7889fc;
  $orange: #FF6B01;
  $green:#0f8a40;
  $bc: #F7F7F7;
  $fc:#fff;
 
  // // 背景图片地址和大小
  @mixin bis($url){
     background-image:url($url);
     background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  
  // //圆角
  @mixin borderRadius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
  }
  
  // //1px底部边框
  @mixin  border-1px($color){
    position: relative;
    &:after{
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      border-top: 1px solid $color;
      content: '';
    }
  }
  // //定位全屏
  .allcover{
    position:absolute;
    top:0;
    right:0;
  }
  
  // //定位上下左右居中
  .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  // //定位上下居中
  .ct {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  // //定位左右居中
  .cl {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  
  // //宽高
  @mixin  wh($width, $height){
    width: $width;
    height: $height;
  }
  
  // //字体大小，颜色
  @mixin sc($size, $color){
    font-size: $size;
    color: $color;
  }
  
  @mixin boxSizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  // //flex 布局和 子元素 对其方式
  @mixin fj($type: space-between){
    display: flex;
    justify-content: $type;
  }

  img[data-lazy=loading]{
    opacity: 0
  }
  img[lazy=loading]{
    opacity: 0
  }
.lazy-img{
  transition: all .8s;
  img{
    transition: all .8s;
  }
}
.van-sticky--fixed{
  width: 100%;
  background:#fff;
  transition: background 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.van-tabs__track{
  min-height: calc(100vh - 17rem);
}
.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.poster .van-grid-item__content{
  background: transparent;
}
.detailed{
  .van-tabs__nav--card{
    border: none;
    margin: 0;
  }
}

.proStatistics{
  .van-tabs__nav--card{
    border: none;
    border-radius: 2rem;
    margin: 1rem;
     .van-tab{
       border: none;
     }
    &,.van-tab--active{
      border-radius: 2rem;
    }
  }
}
